﻿.fancy {
    opacity: .7;
    
    width: 150px;
    height: 25px;
    border: 1px solid #ccc;
    border-radius: 15px;
    margin-top:10px;
    padding-left: 15px;
}

.fancy:hover {
    opacity: .9;
    
    -webkit-transition-property: opacity;  
    -webkit-transition-duration: .2s;  
    -webkit-transition-timing-function: linear, ease-in;
}

.fancy:focus {
    opacity: 1;
    box-shadow: 0 0 5px white;
    width: 150px;
    
    -webkit-transition-property: opacity, box-shadow, width;  
    -webkit-transition-duration: .2s;  
    -webkit-transition-timing-function: linear, ease-in;
    
    -ms-transition-property: opacity, box-shadow, width;
    -ms-transition-duration: .2s;  
    -ms-transition-timing-function: linear, ease-in;
}
/*
input::-webkit-input-placeholder {
    padding-left:3px;
}*/